<template>
    <div class="withdraw">
        <div class="top">
            <img src="../../assets/images/qr.png" alt="" @click="goback">
            <p>{{$t("common.querendingdan")}}</p>
        </div>
        <div class="content">
            <p class="p1">{{$t("common.shoudao")}}</p>
            <p class="p2">{{query.actualWithdrawalAmount}}<span>USDT</span></p>
        </div>
        <div class="center">
            <div class="div1">
                <p class="p1">{{$t("common.dizhi")}}</p>
                <p class="p2">{{query.arrivalAddress}}</p>
            </div>
            <div class="div2">
                <p class="p1">{{$t("common.zhuanzhangwang")}}</p>
                <p class="p2">{{query.publicChain == '1' ? 'Ethereum (ERC20)' : 'Tron (TRC20)'}}</p>
            </div>
            <div class="div3">
                <p class="p1">{{$t("common.laiyuanzhanghu")}}</p>
                <p class="p2">{{$t("common.zijinzhanghu")}}</p>
            </div>
            <div class="div4">
                <p class="p1">{{$t("common.zonge")}}</p>
                <p class="p2">{{query.quantity}} USDT</p>
            </div>
            <div class="div5">
                <p class="p1">{{$t("common.wangluoshou")}}</p>
                <p class="p2">{{query.serviceCharge}} USDT</p>
            </div>
        </div>
        <div class="bottom">
            <p class="p1">{{$t("common.xiangpipei")}}</p>
            <p class="p2">{{$t("common.tibi")}}</p>
        </div>
        <van-button type="info" class="button" @click="gosecurity">{{$t("common.queding")}}</van-button>
    </div>
</template>

<script>
export default {
    data(){
        return {
            query:{
                actualWithdrawalAmount: "",
                arrivalAddress: "",
                code: "",
                password: "",
                publicChain: "1",
                quantity: "",
                serviceCharge: "",
                sourceAddress:''
            }
        }
    },
    created(){
    },
    activated(){
        
        this.query = this.$route.query
        console.log('query',this.query)
    },
    methods:{
        goback(){
            this.$router.go('-1')
        },
        gosecurity(){
            this.$router.push({
            path: '/security', query:this.query });
        }
    }
}
</script>

<style scoped lang="scss">
.withdraw{
    margin: 0;
    padding: 0;
    // height: 216.53vw;
    background-color: #090A1B;
    .top{
        width: 100vw;
        height: 11.73vw;
        background-color: #090A1B;
        color: rgba(255, 255, 255, 100);
        font-size: 4.8vw;
        //font-family: Microsoft Yahei;
        p{
            position: relative;
            bottom: 3.2vw;
        }
        img{
            position: relative;
            right: 44.8vw;
            top: 3.2vw;
            width: 5.3vw;
            height: 5.3vw;
            z-index: 100;
        }
    }
    .content{
        height: 32.8vw;
        background-color: #090A1B;
        .p1{
            position: relative;
            top: 6.4vw;
            color: rgba(135, 139, 151, 100);
            font-size: 3.7vw;
            font-family: PingFangSC-regular;
            letter-spacing: 0.1vw;
        }
        .p2{
            position: relative;
            top: 11.73vw;
            display: flex;
            justify-content: center;
            color: rgba(255, 255, 255, 100);
            font-size: 6.4vw;
            text-align: left;
            font-family: PingFangSC-regular;
            span{
                color: rgba(255, 255, 255, 100);
                font-size: 3.73vw;
                text-align: left;
                font-family: PingFangSC-regular;
                position: relative;
                left: 2.13vw;
                top: 2vw;
            }
        }
    }
    .center{
        width: 91.2vw;
        height: 71.2vw;
        border-radius: 0.5vw;
        background-color: rgba(45, 47, 59, 100);
        margin-left: 4.26vw;
        .div1{
            height: 15.2vw;
            display: flex;
            justify-content: space-between;
            .p1{
                position: relative;
                top: 6.4vw;
                left: 4.26vw;
                color: rgba(135, 139, 151, 100);
                font-size: 3.73vw;
                font-family: PingFangSC-regular;
                letter-spacing: 0.1vw;
            }
            .p2{
                width: 51.2vw;
                height: 10.9vw;
                color: rgba(214, 214, 214, 100);
                font-size: 3.73vw;
                font-family: PingFangSC-regular;
                position: relative;
                top: 4.2vw;
                right: 4.2vw;
                word-break: break-all; 
                text-align: right;
            }
        }
        .div2{
            height: 11.73vw;
            display: flex;
            justify-content: space-between;
            .p1{
                position: relative;
                top: 6.93vw;
                left: 4.26vw;
                color: rgba(135, 139, 151, 100);
                font-size: 3.73vw;
                font-family: PingFangSC-regular;
                letter-spacing: 0.1vw;
            }
            .p2{
                position: relative;
                top: 6.9vw;
                right: 4.2vw;
                color: rgba(214, 214, 214, 100);
                font-size: 3.73vw;
                font-family: PingFangSC-regular;
                letter-spacing: 0.1vw;
            }
        }
        .div3{
            height: 12.26vw;
            display: flex;
            justify-content: space-between;
            .p1{
                position: relative;
                width: 36vw;
                text-align: left;
                top: 7.4vw;
                left: 4.2vw;
                color: rgba(135, 139, 151, 100);
                font-size: 3.73vw;
                font-family: PingFangSC-regular;
                letter-spacing: 0.1vw;
            }
            .p2{
                position: relative;
                top: 7.46vw;
                right: 4.26vw;
                color: rgba(214, 214, 214, 100);
                font-size: 3.73vw;
                font-family: PingFangSC-regular;
                letter-spacing: 0.1vw;
            }
        }
        .div4{
            height: 12.8vw;
            display: flex;
            justify-content: space-between;
            .p1{
                position: relative;
                top: 7.46vw;
                left: 4.26vw;
                color: rgba(135, 139, 151, 100);
                font-size: 3.73vw;
                font-family: PingFangSC-regular;
                letter-spacing: 0.1vw;
            }
            .p2{
                position: relative;
                top: 7.46vw;
                right: 4.26vw;
                color: rgba(214, 214, 214, 100);
                font-size: 3.73vw;
                font-family: PingFangSC-regular;
                letter-spacing: 0.1vw;
            }
        }
        .div5{
            height: 12.26vw;
            display: flex;
            justify-content: space-between;
            .p1{
                position: relative;
                top: 6.9vw;
                left: 4.2vw;
                color: rgba(135, 139, 151, 100);
                font-size: 3.73vw;
                font-family: PingFangSC-regular;
                letter-spacing: 0.1vw;
            }
            .p2{
                position: relative;
                top: 6.93vw;
                right: 4.4vw;
                color: rgba(214, 214, 214, 100);
                font-size: 3.73vw;
                font-family: PingFangSC-regular;
                letter-spacing: 0.1vw;
            }
        }
    }
    .bottom{
        width: 91.2vw;
        height: 34.26vw;
        border-radius: 0.5vw;
        background-color: rgba(45, 47, 59, 100);
        margin-top: 7.46vw;
        margin-left: 4.26vw;
        .p1{
            width: 86.9vw;
            height: 16.4vw;
            line-height: 5VW;
            color: rgba(135, 139, 151, 100);
            font-size: 3.2vw;
            text-align: left;
            font-family: PingFangSC-regular;
            position: relative;
            top: 2.13vw;
            left: 2.13vw;
            letter-spacing: 0.2vw;
        }
        .p2{
            width: 86.9vw;
            height: 10.53vw;
            color: rgba(135, 139, 151, 100);
            font-size: 3.2vw;
            text-align: left;
            font-family: PingFangSC-regular;
            position: relative;
            top: 5vw;
            left: 2.13vw;
            letter-spacing: 0.2vw;
        }
    }
    .button{
        margin-top: 10vw;
        margin-bottom: calc(100vh - 177vw);
        width: 91.46vw;
        height: 9.6vw;
        line-height: 5.33vw;
        border-radius: 1.33vw;
        background-color: rgba(10, 122, 255, 100);
        color: rgba(255, 255, 255, 100);
        font-size: 3.73vw;
        text-align: center;
       //font-family: Arial;
    }
}

</style>